<template>
  <div style="overflow-y: scroll;overflow-x: hidden">
    <div >
      <MyHeader></MyHeader>
      <Aide></Aide>
      <Hotlists></Hotlists>
      <RecommendPlaylist></RecommendPlaylist>
    </div>
<!--    <div v-show="false">-->
<!--      <SongsPage ></SongsPage>-->
<!--    </div>-->
  </div>
</template>
<script>
import MyHeader from "@/view/HomePage/MyHeader";
import Aide from "@/view/HomePage/Aide";
import Hotlists from "@/view/HomePage/Hotlists";
import RecommendPlaylist from "@/view/HomePage/RecommendPlaylist";
import SongsPage from "@/view/SongsPage/SongsPage";

export default {
  name: "Home",
  components: {
    RecommendPlaylist,
    Aide,
    MyHeader,
    Hotlists,
    SongsPage
  }
}
</script>

<style scoped>

</style>